<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="/img/jd/img/new_file.css" type="text/css" />
		<link rel="stylesheet" href="/img/jd/img/shopping.css" type="text/css" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#btn").click(function () {
                 var s = $('#image').attr('src');
                 s2 = s.substring(s.lastIndexOf("/")-3);
                 user = $("#user").val();
                 $.post("cart",{s2:s2,user:user},function (a) {
                     if(a){
                         window.location.href="add_cart_success?user="+a
                     }
                 })
            })
            })
    </script>
    </head>
	<body>
		<div class="mod_contant">
			<div class="shortcut">
				<ul>
					<li>
						<a href="#" id="area">送至：北京</a>
						<ul>
							<li>
								<a href="#">上海</a>
							</li>
							<li>
								<a href="#">深圳</a>
							</li>
							<li>
								<a href="#">广东</a>
							</li>
						</ul>
					</li>
					<div>
						<li>
							<a href="#">{{ user }}<span class="red">免费注册</span><span>|</span></a>
						</li>
						<li>
							<a href="#">我的订单<span>|</span></a>
						</li>
						<li>
							<a href="#">我的京东<span>|</span></a>
						</li>
						<li>
							<a href="#">京东会员<span>|</span></a>
						</li>
						<li>
							<a href="#">企业采购<span>|</span></a>
						</li>
						<li>
							<a href="#">手机京东<span>|</span></a>
						</li>
						<li>
							<a href="#">关注京东<span>|</span></a>
						</li>
						<li>
							<a href="#">客户服务<span>|</span></a>
						</li>
						<li>
							<a href="#">网站导航</a>
						</li>
					</div>
				</ul>
			</div>
			<div id="zhengti">
				<!--头部-->
				<div class="header">
                    <div class="header_right"><a href="is_cookie?p=1"><img src="img/jd/img/logo.png" /></a></div>
					<div class="form">
						<form method="post" action="#">
							<div class="input-group input-group-lg">
								<input type="text" class="form-control" name="search" placeholder="日着407" style="width: 400px;" />
								<span class="btn-group btn-group-lg">
						    		<input type = "submit" value = "搜索本店" name = "submit" class = "btn btn-danger" />
						    	</span>
								<ul>
									<li>
										<a href="#" style="color: red">女巫和骑士</a>
									</li>
									<li>
										<a href="#">jdx联名款</a>
									</li>
									<li>
										<a href="#">张帅羽绒服</a>
									</li>
									<li>
										<a href="#">设计师首饰</a>
									</li>
									<li>
										<a href="#">时尚大师</a>
									</li>
								</ul>
							</div>
						</form>
					</div>
					<div class='car'>
						<a href="tocart?user={{ user }}"><span>我的购物车</span></a>
						<img src="/img/jd/img/cart-num.png" />
					</div>
		</div>

		<div id="wrapper">
			<div class="logo">
				<img src="/img/jd/img/f98d28640159e1e602e26f246736361.png" />
			</div>
			<div class='nav'>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">全部分类</a></li>
					<li><a href="#">上装</a></li>
					<li><a href="#">下装</a></li>
					<li><a href="#">外套</a></li>
					<li><a href="#">裙装</a></li>
				</ul>
				<form method="post" action="#">
					<div class="input-group input-group-lg" style="float: right;position: absolute;right:150px;top:233px">
						<input type="text" class="form-control" name="search"  style="width: 200px;"/>
						<span class=" btn-group btn-group-lg" ></span>
                        <input type = "submit" value = "搜索" name = "submit" class = "btn btn-danger" />
			    	</div>
			    </form>
			</div>
			<div class="main">
				<div class="clothes">
					<img src="img/jd/img/o1.png" name="img" id="image"/>
					<img src='img/jd/img/02.png' />
				</div>
				<div class="middle">
					<form action="#" method="post">
                        <input type="text" name="user" hidden value="{{ user }}" id="user" />
                        <p><b>VCH长袖T恤女2018秋季新款韩版宽松百搭学生大码女装上衣简约时尚外穿打底衫1256 绿色 M</b> </p>
						<p>支持货到付款，支持7天无理由退换货，售后无忧，请放心购买！</p>
						<div class="a-middle">
							<p>京东价<span class="span1">￥79.00</span><a href="#">降价通知</a></p>
							<p>优惠券<span class="span2">满199减30</span><span class="span2"> 满299减20</span><span class="span2">满300打7折</span><a href="#">更多>></a></p>
							<p>促销<span class="span2">限购</span><span>购买不超过10件时享受单件价￥79，超出数量以结算价为准. </span><span class="span2">跨自营/店铺满减</span><span class="span2">跨自营/店铺满减</span></p>
						</div>
						<p>配送至
							<span><select style="width: 70px;">
								<option value="shang">上海</option>
								<option value="sng">北京</option>
								<option value="shag">深圳</option>
						    </select></span><span><b>有货</b></span><span>无货</span>
						    <a href="#">货到付款</a>|<a href="#">闪电退款</a>|<a href="#">急速审核</a>
						    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由<a href = "#">VCH旗舰店</a>负责发货, 并提供售后服务. </p>
						</p>
						<p>选择颜色<img src="img/jd/img/03.png" /></p>
						<p>选择尺码<img src="img/jd/img/05.jpg" /></p>
						<p>增值保障<span></span><select style="width: 150px;">
								<option value="shang">意外换新</option>
								<option value="sng">以旧换新</option>
						    </select></p>
						<p>白条分期<img src="img/jd/img/07.jpg" /></p>
						<input type="button" value="加入购物车" class="btn btn-danger"
                               id="btn"/>
				   </form>
				</div>
				<div class="right">
					<p>看了又看</p>
					<img src="img/jd/img/08.jpg"  />
				</div>
			</div>
        </div>

	</body>
</html>
